{% extends "main.html" %}
{% block title %}Client Creation Demo{% endblock %}
{% block head %}
<script type="text/javascript" src="/js/form.js"></script>
{% endblock %}

{% block pageHeader %}
{% include "templates/navigation.html" %}
{% endblock %}

{% block content %}
<h1>Create Campaign</h1>
<p class="intro">Create a campaign.</p>
<div class="form createCampaignForm">
	{%if SuccessMsg%}
	<div class=success>{{SuccessMsg}}</div>
	{%endif%}
	{%if ErrorMsg%}
	<div class=warn>{{ErrorMsg}}</div>
	{%endif%}
    <form  action="/create/campaign" method="post">
        <div class="row">
            <label class="caption">Campaign name:<span class="required">*</span></label>
            <div class="field text required">
                <input type="text" value="" class="text" id="CampaignName" name="CampaignName">
            </div>
        </div>
        <div class="row">
            <label class="caption">Company Name:</label>
            <div class="field">
                {{ CompanyName }}
            </div>
        </div>
        <div class="row">
            <label class="caption">Client Name:<span class="required">*</span></label>
            <div class="field required">
                <select id="ddl_clientkey" name="ddl_clientkey">
                    {% for x in Clients %}
                    <option value="{{ x.key }}">{{ x.ClientName }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="row formButtons">
            <label class="caption">&nbsp;</label>
            <div class="field">
                <input type="submit" value="Submit">
            </div>
        </div>
    </form>
</div>
{% endblock %}

{% block footer %}
{% include "templates/copyright.html" %}
{% endblock %}